/* 全局 */
body { background: #fff; color:#333; font-size:14px; font-family:Microsoft YaHei,SimSun,Tahoma, Verdana,Arial,Helvetica,sans-serif; line-height:180%; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,ul,ol,form,dl,dd,dt,p { margin:0; padding:0; }

.inputs { vertical-align: bottom; border:1px #e1e1e1 solid; padding:5px; }
.inputs:hover { border:1px #e98180 solid; }

.input { vertical-align: bottom; border:1px #e1e1e1 solid; padding:5px; }
.input:hover { border:1px #e98180 solid; }

a { color:#333; text-decoration:none }
a:hover { color:#f30 }

/* 顶部框架 */
#top { height:60px; width:100%; overflow:hidden; }
#top h2 { float:left; padding-left:80px; height:60px; line-height:60px; font-size:23px; color:#407fb5; background:url(logo.jpg) 20px 50% no-repeat; }
#top ul { float:right; height:30px; padding-top:30px; list-style-position:outside }
#top ul li { float:left;  margin-right:8px; text-align:center; line-height:30px; text-align:center; list-style-type:none; color:#284668; font-weight:bold }
#top ul li a { width:80px; height:30px; background:#5e9ed4; color:#fff; text-decoration:none; display:block }
#top ul li a:hover { background:#407fb5; color:#fff; }

/* 总菜单 */
#mu { width:100%; background:#407fb5; clear:both; height:36px }
#mu ul { width:100%; list-style-position:outside }
#mu ul li { float:left; width:110px; height:36px; line-height:36px; border-right:1px #9cb2c6 solid; list-style-type:none; text-align:center }
#mu ul li a { height:36px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; display:block }
#mu ul li a:hover { background:#5e9ed4; height:36px; }

#left { width:172px; list-style-position:outside; }
#left li { background:#f7f7f7; border-bottom:1px #5e9ed4 solid; width:142px; height:25px; margin:10px; list-style-type:none; padding:5px; display:block; overflow:hidden; }
#left li a { text-decoration:none }
#left li a:hover { text-decoration:none; }
#left li span { padding-left:10px; }

.box { border-bottom:1px #94aabd dashed; padding:10px 0; margin:0; }
.boxtitle { height:30px; line-height:30px; background:#dce9f1; font-size:14px; font-weight:normal; margin:0 0 5px 0; padding:0 0 0 10px; border-bottom:1px #cedae1 solid; }
.boxtd { width:100%; }
.boxtd td { border-bottom:1px #d7d7d7 solid; padding:3px; font-size:14px; }
.boxtr { padding:10px; }
.boxtr td { font-weight:bold; background:#f7f7f7; height:23px;  }

.gogo { background:#e98180; color:#fff; border:0; font-size:14px; padding:3px 6px; }
.f30 { color:#f30 }

.mytitletable { border:1px #e98180 solid; }
.mytitle { background:#e98180; color:#fff; }

.tabBgColor { border-bottom:1px #94aabd dashed; padding:10px 0; margin:0; }
.tabBgColor { height:30px; line-height:30px; background:#dce9f1; font-size:14px; font-weight:normal; margin:0 0 5px 0; padding:0 0 0 10px; border-bottom:1px #cedae1 solid; }
.tabBgColor { width:100%; }
.tabBgColor td { border-bottom:1px #d7d7d7 solid; padding:3px; font-size:14px; }
.tabBgColor { padding:10px; }
.tabBgColor td { font-weight:bold; background:#f7f7f7; height:23px;  }

.boxtd { width:100%; height:30px; line-height:30px; background:#fff; font-size:14px; border-bottom:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; padding:10px 0; margin:0; }
.boxtd th { background:#f7f7f7; border-left:1px #e1e1e1 solid; border-top:1px #e1e1e1 solid; padding:3px; }
.boxtd td { border-left:1px #e1e1e1 solid; border-top:1px #e1e1e1 solid; padding:3px; }

.showpage { clear:both; text-align:center; padding:8px 0; font-family: Verdana, Geneva, sans-serif; }
.showpage a { border:1px #ccc solid; background:#fff; color:#555; padding:4px 8px; text-align:center; text-decoration:none }
.showpage a:hover { border:1px #407fb5 solid; background:#407fb5; color:#fff; text-decoration:none }
.showpage span { border:1px #407fb5 solid; background:#407fb5; color:#fff; padding:4px 8px; }

/*上传样式*/
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(skin_icons.png) -56px -196px no-repeat; cursor:pointer; overflow:hidden; }
	
/*图片相册样式*/
.photo-list{ margin:0; padding:10px 0 0 0; }
	.photo-list ul{ margin:0 0 0 -15px; }
	.photo-list ul li{ float:left; margin-left:15px; text-align:center; *width:118px; }
	.photo-list ul li .img-box{ position:relative; margin:5px auto; width:112px; height:112px; border:3px #efefed solid; cursor:pointer; overflow:hidden; }
	.photo-list ul li .img-box.selected{ border:3px #f60 solid; }
	.photo-list ul li .img-box img{ width:100%; height:100%; opacity:1; }
	.photo-list ul li .img-box .remark{ position:absolute; display:block; left:0; right:0; bottom:0; margin:0; padding:3px 2px; height:18px; line-height:18px; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; overflow:hidden;}
	.photo-list ul li .img-box .remark:hover{ top:0; bottom:0; height:100%; }
	.photo-list ul li .img-box .remark i{ position:relative; font-size:12px; color:#fff; font-style:normal; line-height:18px; }
	.photo-list ul li a{ padding-right:1em; }






